// app global css in SCSS form


.letter-spacing-none {
    letter-spacing: spacing 0;
}

// Nav Bar 选择样式
.q-drawer {
    // 除了最后一项
    .q-item {
        opacity: 0.4;
        &.q-router-link--exact-active {
            opacity: 1;
        }
        // 最后一项样式
        &:last-child {
            opacity: 1;
        }
    }
}


// 数字输入框
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin-left: 10px;
}

// 因排序插件影响，自定义条目样式
.entries {
    .q-slide-item {
        border: 1px solid rgba(0,0,0,0.12);

        // 暗黑模式下显示白色边框
        .body--dark & {
            border: 1px solid rgba(255,255,255,0.2) ;
        }
        // 保证条目之间只有一条分隔线
        &:not(:first-child) {
            margin-top: -1px;
        }
    }

}

// 黑暗主题覆盖

.body--dark {
    .bg-primary {
        background-color: $primary-dark !important;
    }
}